May 6, 2022 12:46:07 GMT -5
Post by Megane on May 6, 2022 12:46:07 GMT -5
[nospaces]
[attr="class","folio-hover-l"]
[PTabbedContent]
[PTab=
[/PTab={ --accent:#1FBD12; } ]
[PTab=
[googlefont=Roboto+Mono:400,500,600,700][googlefont=Roboto:100,300,400,500,700]
[newclass=.PT_Tabs_holder td:nth-child(1)]--accent:#1FBD12[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(2)]--accent:#9C3131[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(3)]--accent:#9C3131[/newclass]
[newclass=.folio-hover-l]margin: 30px auto; width: fit-content; text-align: right;[/newclass]
[newclass=.folio-hover-l table]border: 0;[/newclass]
[newclass=.folio-hover-l table td]padding:0[/newclass]
[newclass=.folio-hover-l td.PT_tabs, .folio-hover-l td.PT_tabs_hover, .folio-hover-l td.PT_tabs_selected, .folio-hover-l td.PT_tabs_selected_hover]padding:25px 0 0 25px !important; [/newclass]
[newclass=.folio-hover-l>a] font: normal 8px/10px arial; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; margin: 2px auto [/newclass]
[newclass=.folio-hover-l table.PT_table] background: #e9e9e9; width: 645px; height: 532px; padding: 25px; position: relative; padding-bottom: 0; color: #333; text-align: left; [/newclass]
[newclass=.folio-hover-l .PT_Tabs_holder]width: 220px; background: transparent; overflow: auto; height: 100%;[/newclass]
[newclass=.folio-hover-l .PT_table tr:first-of-type]display: flex;flex-direction: column;height: 475px;left: -220px; width: 175px; [/newclass]
[newclass=.folio-hover-l .PT_table > tbody > tr:last-child]position: absolute;height: 500px; top: 0; right: 0;[/newclass]
[newclass=.folio-hover-l .PT_tabs, .folio-hover-l .PT_tabs_hover, .folio-hover-l .PT_tabs_selected, .folio-hover-l .PT_tabs_selected_hover]background: transparent !important; cursor: pointer; display: block; width: 175px; margin: 0 0 5px; color: #bbb; border-color: #bbb; font: 700 20px/1.2em 'Roboto'; text-align: left; -webkit-transition: all .3s ease, font .3s ease 0s; -moz-transition: all .3s ease, font .3s ease 0s; -o-transition: all .3s ease, font .3s ease 0s;[/newclass]
[newclass=.folio-hover-l .PT_tabs_hover]color: var(--accent); border-color: var(--accent); text-align: left; [/newclass]
[newclass=.folio-hover-l .PT_tabs_selected]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]
[newclass=.folio-hover-l .PT_tabs_selected_hover]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]
[newclass=.folio-hover-l .PT_tabs > div, .folio-hover-l .PT_tabs_hover > div, .folio-hover-l .PT_tabs_selected > div, .folio-hover-l .PT_tabs_selected_hover > div]display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #bbb; border-color: inherit; padding-bottom: 8px; margin-bottom: 8px; font: 12px/12px 'Roboto Mono'; letter-spacing: 1.5px; text-transform: uppercase;[/newclass]
[newclass=.folio-hover-l .PT_tabs div>span:nth-child(2), .folio-hover-l .PT_tabs_hover div>span:nth-child(2), .folio-hover-l .PT_tabs_selected div>span:nth-child(2), .folio-hover-l .PT_tabs_selected_hover div>span:nth-child(2)]width: 45px; height: 1px; border-top: 1px solid;[/newclass]
[newclass=.folio-hover-l .PT_spots] pointer-events: auto; position: relative; position: absolute; top: 0; right: 0; width: 375px; margin: 25px; overflow: hidden; [/newclass]
[newclass=.folio-hover-l .page-cover] position: relative; overflow: hidden; width: 100%; height: 100%;[/newclass]
[newclass=.folio-hover-l .page-cover:after] content: ' '; position: absolute;width: 375px; height: 475px; background: var(--accent); mix-blend-mode: saturation; opacity: .3; -webkit-transition: all .7s 0s ease; -moz-transition: all 1s 0s ease; -o-transition: all 1s 0s ease; [/newclass]
[newclass=.folio-hover-l .page-cover:hover:after] background: #fff; opacity: .6; [/newclass]
[newclass=.folio-hover-l .page-inner]transform: translateY(500px); cursor: text; width: 373px; height: 473px; background: #e9e9e9; padding: 0px 0; opacity: 0; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; border: 1px solid #eee; padding: 15px 5px 15px 15px; width: 358px; height: 448px; background: #f5f5f5; [/newclass]
[newclass=.folio-hover-l .page-cover:hover .page-inner]transform: translateY(0); opacity: 1; display: block; [/newclass]
[newclass=.folio-hover-l .innerbox] padding: 0px 13px 0 0; height: calc(100% - 0px); overflow: auto; font: 12px/16px 'Roboto'; text-align: justify; [/newclass]
[newclass=.folio-hover-l .songarea] border-bottom: 2px solid var(--accent); color: var(--accent); font-size: 9px; font-family: 'Roboto'; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; background: var(--accent); color: white; padding: 8px 12px 6px; [/newclass]
[newclass=h2] font-weight: 300; margin: 20px 0 10px; [/newclass]
[newclass=.folio-hover-l h3] font-weight: 700; margin: 20px 0 5px; [/newclass]
[newclass=.folio-hover-l h4] margin: 15px 0 3px; font: 500 12px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: 1.25px; color: var(--accent); [/newclass]
[newclass=.folio-hover-l ul] padding-left: 15px; margin: 4px 0; list-style-type: square; [/newclass]
[newclass=.folio-hover-l li] margin: 2px 0; [/newclass]
[newclass=.folio-hover-l hr] margin: 15px 0; background: var(--accent); height: 1px; border: 0; [/newclass]
[newclass=.folio-hover-l br+br] content: ' '; margin: 8px 0; display: block; [/newclass]
[newclass=.folio-hover-l div.relation] margin: 2px 0; [/newclass]
[newclass=.folio-hover-l a] color: var(--accent); border-bottom: 1px dotted var(--accent); text-decoration: none; font-weight: 500; [/newclass]
[newclass=.folio-hover-l a:hover] border: 0; [/newclass]
[newclass=.folio-hover-l u] text-decoration: none; border-bottom: 1px dotted var(--accent); [/newclass]
[newclass=.folio-hover-l b] font: 600 11px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: .5px; color: var(--accent); [/newclass]
[newclass=.folio-hover-l div.relation b:after] content: ' – '; color: #000 [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar] -webkit-appearance: none; width: 3px !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-vertical] width: 3px !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb] background: var(--accent) !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-track] background: transparent !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb:horizontal] display: none !important; [/newclass]
[PTabbedContent]
[PTab=
24 Namekian
Didgeridoo][attr="class","page"]
[attr="class","page-cover"]
[attr="class","page-inner"]
[attr="class","innerbox"]
Didgeridoo is not a great person, but it's not fair to necessarily call him a bad person. He's a collector through and through, so most - if not all - of his motivations center around collecting rare items and things that pique his interests. Notably, Didgeridoo is not quick to excite through common means, in the sense that large scale events and objects bore him. Rather, he is more interested in intimate, smaller events/objects, as those hold more personal stakes in his eyes. [break][break] So, what does Didgeridoo want to do? Well, the answer is simple. Get strong enough to return to Namek, find the Namekian who 'borrowed' his favorite little trinket, beat him to a bloody pulp, and reclaim what's rightfully his. That is his endgame. Until then, though, he is trying desperately to find a new trinket to replace his old love. If he can get out of a situation without violence, he will take that opportunity more times than not. As a result, Didgeridoo comes up with all kinds of schemes to get various bits and bobs from whoever he can in search of the perfect knickknack. People can use this to their advantage, and may even be able to get Didgeridoo to go along with their schemes so long as he gets something he wants out of it. [break][break] Don't get it twisted, Didgeridoo does not like evil by any means. Sure, he'll lie, cheat, and borderline steal to get things he wants, but they are minor things that nobody really wants anyway. Plus, he's a hypocrite. Even he has a moral compass, though his lack of regard for others' wellbeing may not make that immediately obvious.
Didgeri[break][break]
Geri[break]
Doo[break]
Doodoo[break]
Senku from Dr. STONE
East City, Earth
[attr="class","songarea"]"Woah! Look at that!"
Didgeridoo is not a great person, but it's not fair to necessarily call him a bad person. He's a collector through and through, so most - if not all - of his motivations center around collecting rare items and things that pique his interests. Notably, Didgeridoo is not quick to excite through common means, in the sense that large scale events and objects bore him. Rather, he is more interested in intimate, smaller events/objects, as those hold more personal stakes in his eyes. [break][break] So, what does Didgeridoo want to do? Well, the answer is simple. Get strong enough to return to Namek, find the Namekian who 'borrowed' his favorite little trinket, beat him to a bloody pulp, and reclaim what's rightfully his. That is his endgame. Until then, though, he is trying desperately to find a new trinket to replace his old love. If he can get out of a situation without violence, he will take that opportunity more times than not. As a result, Didgeridoo comes up with all kinds of schemes to get various bits and bobs from whoever he can in search of the perfect knickknack. People can use this to their advantage, and may even be able to get Didgeridoo to go along with their schemes so long as he gets something he wants out of it. [break][break] Don't get it twisted, Didgeridoo does not like evil by any means. Sure, he'll lie, cheat, and borderline steal to get things he wants, but they are minor things that nobody really wants anyway. Plus, he's a hypocrite. Even he has a moral compass, though his lack of regard for others' wellbeing may not make that immediately obvious.
Biographical
24 / Male / Namekian
Didgeri[break][break]
Geri[break]
Doo[break]
Voice (for reference)
Senku from Dr. STONE
Last Known Location
East City, Earth
Items
- One Time Use Space Pod
- item two
- item three
Relationships
Allies
[attr="class","relation"]Name description
[attr="class","relation"]Name description
Enemies
[attr="class","relation"]Name description
[attr="class","relation"]Name description
Acquaintances
[attr="class","relation"]Aya(?) (Ayu): "Her name could also be Maya. Or Mayu. Mayo? Not sure. She helped me, though, so I like her a lot. Sure, I only picked her to take my place in the balloon game because I thought she was a weakling who couldn't pop more than one balloon, but that turned out to not be the case! She was actually a lot stronger than one may think! For that... maybe I should learn her name. But I'm pretty sure its Aya,"
[attr="class","relation"]Quash -interaction in-progress-
[attr="class","relation"]Nosuke -interaction in-progress-
[attr="class","relation"]Liari (as Kazi) -interaction in-progress-
[attr="class","relation"]Name description
[attr="class","relation"]Name description
Didgeri's Collection
- Ultra-rare collector's item pin (fake) - Won in Arm Wrestling (RP sample)
- Assorted doodads from West City residents - Generous donations (Boondoggling)
- Assorted BIG prizes - Won at various East City fairgrounds booths (All Fun & Games)
- Iridescent rubber bouncy ball - Won by Ayu at the balloon pop game (All Fun & Games)
- Various trinkets from Penguin Village residents - Generous donations (The Devil Went Down to Georgia)
- Shiny red guitar pick - Stolen from Jonathan, Quash's cat (Cat Burglars)
- Sewer pipe knob - Taken from the sewer of a South City suburb (Cat Burglars)
- His right arm - Severed by himself to distract Quash (Cat Burglars)
- Old television set - Found in the dump (Liari's Games)
[/PTab={ --accent:#1FBD12; } ]
[PTab=
19 Human/Saiyan Hybrid
Sayama Mame][attr="class","page"]
[/PTab={ --accent:#9C3131; } ]
[/PTabbedContent]
made by gimmick
[attr="class","page-cover"]
[attr="class","page-inner"]
[attr="class","innerbox"]
Sayama Mame (known IC as Sayama or Corporal Sayama) is a human/Saiyan hybrid who was born and raised on Planet Vegeta. Essentially, his entire upbringing and background are Saiyan, but his personality and abilities tend to be more human. This means Sayama is a lot less inclined to start a fight with someone and would prefer to be diplomatic about things if possible. Planning ahead and using his brain to overcome challenges rather than his fists are staples of Sayama's character, so he may come off as methodical and scheming at times. Having logic and reason on his side instead of immense Saiyan pride, Sayama comes off as cool and collected in most situations, and he loves teasing others with sarcasm and dry humor.[break][break]
Before being sent to Earth to assassinate Quash (more on that later), he worked with a group of Saiyans known as the Mame Squadron. The six of them, including Sayama, got very close, to the point where they'd consider each other family. The squad was content running diplomatic missions for Vegeta and the USD, but when their leader was killed under... suspicious circumstances, the group became disenchanted with their powerful overlords. They began plotting a rebellion, unaware of any other Saiyans that may have also been trying to do so. Along the way, the group found Sayama's mother (Saya), who comes with her own can of worms and baggage, but she shares distrust of the Saiyan leadership. Together, the remaining Mame Squad members and Saya formulated a master plan to overthrow the royalty of Planet Vegeta and replace them with Sayama.[break][break]
Everything came to a head, though, when somebody leaked their otherwise tight-lipped rebellion plan to the USD occupying Vegeta. Hearing word of their goals, the USD managed to capture each member of the Mame Squadron and sent them off to various, lesser known planets. Except for Sayama, who was sent to Earth with one mission: to deal with another thorn in their side, Captain Quash. If Sayama does not assassinate Quash, his squad members will perish and he will be deemed a traitor of Planet Vegeta. Killing Quash is a way for him to prove his loyalty and shake the suspicions of the higher-ups. [break][break]
Of course, Sayama has no desire nor plans to kill Quash. With no clear timeline on when to return to Vegeta, Sayama needs to find a way to: a) save his squad members and b) gather a strong enough rebellion force to kick the USD out. Claiming the throne for his own can wait, as overthrowing the USD is a more pressing matter. So, his time on Earth will involve a lot of training, research, and planning. [break][break]
He says he doesn't care about the well-being of Earth, and he would prefer to stay out of any spotlights if he could. Being wanted on one planet is more than enough. At the end of the day, though, he is part human. Sayama has a tendency of letting his emotions get the best of him, so him playing hero or showing mercy is not out of the realm of possibilities.
[break]
Saitama from One Punch Man[break][break]
Tropical Islands, Southern Continent, Earth
[attr="class","songarea"]"'Preciate it, lackey,"
Sayama Mame (known IC as Sayama or Corporal Sayama) is a human/Saiyan hybrid who was born and raised on Planet Vegeta. Essentially, his entire upbringing and background are Saiyan, but his personality and abilities tend to be more human. This means Sayama is a lot less inclined to start a fight with someone and would prefer to be diplomatic about things if possible. Planning ahead and using his brain to overcome challenges rather than his fists are staples of Sayama's character, so he may come off as methodical and scheming at times. Having logic and reason on his side instead of immense Saiyan pride, Sayama comes off as cool and collected in most situations, and he loves teasing others with sarcasm and dry humor.[break][break]
Before being sent to Earth to assassinate Quash (more on that later), he worked with a group of Saiyans known as the Mame Squadron. The six of them, including Sayama, got very close, to the point where they'd consider each other family. The squad was content running diplomatic missions for Vegeta and the USD, but when their leader was killed under... suspicious circumstances, the group became disenchanted with their powerful overlords. They began plotting a rebellion, unaware of any other Saiyans that may have also been trying to do so. Along the way, the group found Sayama's mother (Saya), who comes with her own can of worms and baggage, but she shares distrust of the Saiyan leadership. Together, the remaining Mame Squad members and Saya formulated a master plan to overthrow the royalty of Planet Vegeta and replace them with Sayama.[break][break]
Everything came to a head, though, when somebody leaked their otherwise tight-lipped rebellion plan to the USD occupying Vegeta. Hearing word of their goals, the USD managed to capture each member of the Mame Squadron and sent them off to various, lesser known planets. Except for Sayama, who was sent to Earth with one mission: to deal with another thorn in their side, Captain Quash. If Sayama does not assassinate Quash, his squad members will perish and he will be deemed a traitor of Planet Vegeta. Killing Quash is a way for him to prove his loyalty and shake the suspicions of the higher-ups. [break][break]
Of course, Sayama has no desire nor plans to kill Quash. With no clear timeline on when to return to Vegeta, Sayama needs to find a way to: a) save his squad members and b) gather a strong enough rebellion force to kick the USD out. Claiming the throne for his own can wait, as overthrowing the USD is a more pressing matter. So, his time on Earth will involve a lot of training, research, and planning. [break][break]
He says he doesn't care about the well-being of Earth, and he would prefer to stay out of any spotlights if he could. Being wanted on one planet is more than enough. At the end of the day, though, he is part human. Sayama has a tendency of letting his emotions get the best of him, so him playing hero or showing mercy is not out of the realm of possibilities.
Biographical
19/ Male / Hybrid (Human/Saiyan)
[break][break]
Voice (for reference)
Saitama from One Punch Man[break][break]
Last Known Location
Tropical Islands, Southern Continent, Earth
Items
- One-Time Space Pod
- Senzu Bean (1)
- item three
Relationships
Allies
[attr="class","relation"]Name description
[attr="class","relation"]Name description
Enemies
[attr="class","relation"]Name description
[attr="class","relation"]Name description
Acquaintances
[attr="class","relation"]Jorey -interaction in-progress-
[attr="class","relation"]Name description
Other?
[attr="class","relation"]Quash "Okay, so I need to find Captain Quash ASAP. Before I can do anything, I need to know what he's been up to on this mudpit. Then, once I've got a better understanding of the situation, I can go from there. Hopefully he's kept his head down and won't need to stay here for too much longer, but I have a feeling it won't be that easy,"
Fun Facts!
- Sayama is multi-lingual! As part of his research for overthrowing the king and the USD, he learned the languages of multiple species including some rodents, aquatic species, and even sign language.
- Sayama's father is probably somewhere on Earth right now, but even if they crossed paths, they'd never recognize each other. Even baby Sayama didn't get a chance to meet his father, as his mother had already returned to Vegeta by the time she had him. If either were able to detect ki signatures, however, then they may feel the connection.
- In terms of family, the closest thing Sayama has ever had to it is his Mame Squadron. Never getting the chance to meet his father, and being abandoned by his mother at birth, Sayama did not have a family growing up. He's typically very lax, but insulting any members of the Mame Squadron are surefire ways to get under his skin.
- Sayama has visited numerous planets in his time in the Saiyan Military. Last time he tried to count, the number was at 77 (84 if you count dwarf planets).
- He does not like peanut butter. He's not allergic to it, he'd just prefer not to eat it. Probably a texture thing.
[/PTab={ --accent:#9C3131; } ]
[/PTabbedContent]
made by gimmick
[googlefont=Roboto+Mono:400,500,600,700][googlefont=Roboto:100,300,400,500,700]
[newclass=.PT_Tabs_holder td:nth-child(1)]--accent:#1FBD12[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(2)]--accent:#9C3131[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(3)]--accent:#9C3131[/newclass]
[newclass=.folio-hover-l]margin: 30px auto; width: fit-content; text-align: right;[/newclass]
[newclass=.folio-hover-l table]border: 0;[/newclass]
[newclass=.folio-hover-l table td]padding:0[/newclass]
[newclass=.folio-hover-l td.PT_tabs, .folio-hover-l td.PT_tabs_hover, .folio-hover-l td.PT_tabs_selected, .folio-hover-l td.PT_tabs_selected_hover]padding:25px 0 0 25px !important; [/newclass]
[newclass=.folio-hover-l>a] font: normal 8px/10px arial; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; margin: 2px auto [/newclass]
[newclass=.folio-hover-l table.PT_table] background: #e9e9e9; width: 645px; height: 532px; padding: 25px; position: relative; padding-bottom: 0; color: #333; text-align: left; [/newclass]
[newclass=.folio-hover-l .PT_Tabs_holder]width: 220px; background: transparent; overflow: auto; height: 100%;[/newclass]
[newclass=.folio-hover-l .PT_table tr:first-of-type]display: flex;flex-direction: column;height: 475px;left: -220px; width: 175px; [/newclass]
[newclass=.folio-hover-l .PT_table > tbody > tr:last-child]position: absolute;height: 500px; top: 0; right: 0;[/newclass]
[newclass=.folio-hover-l .PT_tabs, .folio-hover-l .PT_tabs_hover, .folio-hover-l .PT_tabs_selected, .folio-hover-l .PT_tabs_selected_hover]background: transparent !important; cursor: pointer; display: block; width: 175px; margin: 0 0 5px; color: #bbb; border-color: #bbb; font: 700 20px/1.2em 'Roboto'; text-align: left; -webkit-transition: all .3s ease, font .3s ease 0s; -moz-transition: all .3s ease, font .3s ease 0s; -o-transition: all .3s ease, font .3s ease 0s;[/newclass]
[newclass=.folio-hover-l .PT_tabs_hover]color: var(--accent); border-color: var(--accent); text-align: left; [/newclass]
[newclass=.folio-hover-l .PT_tabs_selected]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]
[newclass=.folio-hover-l .PT_tabs_selected_hover]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]
[newclass=.folio-hover-l .PT_tabs > div, .folio-hover-l .PT_tabs_hover > div, .folio-hover-l .PT_tabs_selected > div, .folio-hover-l .PT_tabs_selected_hover > div]display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #bbb; border-color: inherit; padding-bottom: 8px; margin-bottom: 8px; font: 12px/12px 'Roboto Mono'; letter-spacing: 1.5px; text-transform: uppercase;[/newclass]
[newclass=.folio-hover-l .PT_tabs div>span:nth-child(2), .folio-hover-l .PT_tabs_hover div>span:nth-child(2), .folio-hover-l .PT_tabs_selected div>span:nth-child(2), .folio-hover-l .PT_tabs_selected_hover div>span:nth-child(2)]width: 45px; height: 1px; border-top: 1px solid;[/newclass]
[newclass=.folio-hover-l .PT_spots] pointer-events: auto; position: relative; position: absolute; top: 0; right: 0; width: 375px; margin: 25px; overflow: hidden; [/newclass]
[newclass=.folio-hover-l .page-cover] position: relative; overflow: hidden; width: 100%; height: 100%;[/newclass]
[newclass=.folio-hover-l .page-cover:after] content: ' '; position: absolute;width: 375px; height: 475px; background: var(--accent); mix-blend-mode: saturation; opacity: .3; -webkit-transition: all .7s 0s ease; -moz-transition: all 1s 0s ease; -o-transition: all 1s 0s ease; [/newclass]
[newclass=.folio-hover-l .page-cover:hover:after] background: #fff; opacity: .6; [/newclass]
[newclass=.folio-hover-l .page-inner]transform: translateY(500px); cursor: text; width: 373px; height: 473px; background: #e9e9e9; padding: 0px 0; opacity: 0; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; border: 1px solid #eee; padding: 15px 5px 15px 15px; width: 358px; height: 448px; background: #f5f5f5; [/newclass]
[newclass=.folio-hover-l .page-cover:hover .page-inner]transform: translateY(0); opacity: 1; display: block; [/newclass]
[newclass=.folio-hover-l .innerbox] padding: 0px 13px 0 0; height: calc(100% - 0px); overflow: auto; font: 12px/16px 'Roboto'; text-align: justify; [/newclass]
[newclass=.folio-hover-l .songarea] border-bottom: 2px solid var(--accent); color: var(--accent); font-size: 9px; font-family: 'Roboto'; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; background: var(--accent); color: white; padding: 8px 12px 6px; [/newclass]
[newclass=h2] font-weight: 300; margin: 20px 0 10px; [/newclass]
[newclass=.folio-hover-l h3] font-weight: 700; margin: 20px 0 5px; [/newclass]
[newclass=.folio-hover-l h4] margin: 15px 0 3px; font: 500 12px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: 1.25px; color: var(--accent); [/newclass]
[newclass=.folio-hover-l ul] padding-left: 15px; margin: 4px 0; list-style-type: square; [/newclass]
[newclass=.folio-hover-l li] margin: 2px 0; [/newclass]
[newclass=.folio-hover-l hr] margin: 15px 0; background: var(--accent); height: 1px; border: 0; [/newclass]
[newclass=.folio-hover-l br+br] content: ' '; margin: 8px 0; display: block; [/newclass]
[newclass=.folio-hover-l div.relation] margin: 2px 0; [/newclass]
[newclass=.folio-hover-l a] color: var(--accent); border-bottom: 1px dotted var(--accent); text-decoration: none; font-weight: 500; [/newclass]
[newclass=.folio-hover-l a:hover] border: 0; [/newclass]
[newclass=.folio-hover-l u] text-decoration: none; border-bottom: 1px dotted var(--accent); [/newclass]
[newclass=.folio-hover-l b] font: 600 11px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: .5px; color: var(--accent); [/newclass]
[newclass=.folio-hover-l div.relation b:after] content: ' – '; color: #000 [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar] -webkit-appearance: none; width: 3px !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-vertical] width: 3px !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb] background: var(--accent) !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-track] background: transparent !important; [/newclass]
[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb:horizontal] display: none !important; [/newclass]